<template>
	<view class="index page b-bg">
		 <img src="@/static/img/hs-index.jpg" class="hs-index" alt="">
		 <view class="btn-go btn-go2" @tap="goSin"></view>
		 <view class="btn-go btn-go3" @tap="goShowBook"></view>
		 <barCon :btn_type="button_type" :on_fix="false"></barCon>
		 <loginD ref='loginx'></loginD>
	</view>
</template>

<script>
	import mixin from '../../util/mixin';
	export default {
		mixins:[mixin],
		data() {
			return {
				filer_data:{
					year:2024,
					city_id:""
				},
				is_login:true,
				banner_image:"",
				page:{
					is_bottom:false,
					page:1
				},
				button_type:0,
				list:[],
				rangeTime:[{text:2024,value:2024}],
				rangeAddr:[{text:"全省",value:1},{text:"全市",value:2}]
			};
		},
		onLoad() {
			
		},
		onShow() {
			const token = uni.getStorageSync('token');
			if( token) {
				this.getUserInfo();
			} else {
				this.button_type = 1;
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.page {
		position: relative;
		height: 4081rpx;
		// overflow: hidden;
	}
	
	
  .block {
	  width: 100%;
	  padding: 0rpx 34rpx 40rpx;
  }
	.hs-index {
		width: 100%;
		height: auto;
	}

  .filter {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding-bottom: 6px;
	  .add-form  {
	  	display: flex;  
	  }
	  
  }
  .items {
	  position: fixed;
	  top:590rpx;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  box-sizing: border-box;
	  .items-row {
		  display: flex;
		  justify-content: space-between;
		  flex-wrap: wrap;
		  padding-left: 34rpx;
		  padding-right: 27rpx;
		  padding-bottom: 24rpx;
	  }
	  .item {
		  width: 329rpx;
		  padding-bottom: 32rpx;
		  position: relative;
		  .in-lab {
			  position: absolute;
			  right: 0;
			  top:0;
			  border-radius: 0 $border-radius 0 $border-radius !important;
			  padding: 8rpx 18rpx;
			  background-color: #f24545;
			  color:#fff;
			  font-size: 26rpx;
			  &.disable {
					  background-color: #ddd;
					  color: #fff;
				      border-color: #ddd;
			  }
		  }
		  .imgBox {
		  		width: 100%;
				height: 232rpx;
				border-radius: $border-radius;
				overflow: hidden;
		  }
		  .in-title {
			  padding-top: 20rpx;
			  height: 100rpx;
			  font-size: 30rpx;
			  font-weight: 550;
			  @include textTwo();
		  }
		  .in-f-title {
			  padding-top: 18rpx;
			  font-size: 28rpx;
			   @include text();
		  }
		  .in-time {
			  padding-top: 18rpx;
			  font-size: 26rpx;
			  color:#cccccc;
		  }
	  }
  }
</style>
